/*首页样式*/
@charset "UTF-8";
html,body{height: 100%;width: 100%;background: #f9f9f9; font-family: PingFangSC-Medium, sans-serif; }
#app{height: 100%;width: 100%;background: #f9f9f9;}
[v-cloak] {display: none;}
/*首页固定头部*/
#aui-header-home {background:#ff4c41;position:fixed;z-index:9999;width: 100%;text-align: center;
  height:64px; line-height:64px;display: none;}
#aui-header-home .homeSearchBox{background:#ff5134;padding: 14px 0.3rem 10px;
  display: flex;flex-wrap:nowrap;justify-content:space-between;height: 64px;color:#999;font-size: 12px;box-sizing: border-box;}
.homeSearchBox .homeSearchBoxleft{background:#fff;height: 40px;width: 78%;border-radius: 5px 0 0 5px;}
.homeSearchBox .homeSearchBoxright{background:#ffea37;height: 40px;width:22%;
  border-radius:0 5px 5px 0;color: #333;font-size: 0.48rem;display: flex;align-items: center;justify-content:center;}
.homeSearchBoxleft span{height:40px;display: flex;align-items: center;}
/*首页头部start*/
.headerTop{position: relative;height:7.5rem;width: 100%;background-image: url(../image/home/hometopbg.png);background-size: 100% 100%;}
.seachBox{position:absolute;top:3.5rem;left: 0.3rem;right: 0.3rem;display: flex;align-items: center;
  flex-wrap: nowrap;justify-content: space-between;background: #fff;border-radius: 0.1rem;height: 1.3rem;}
.seachBoxleft{height: 1.3rem;}
.seachBoxleft span{color: #999;font-size: 0.38rem;height: 1.3rem;display: flex;align-items: center;}
.seachBoxright{background: #ffea37;height: 1.3rem;color: #333;font-size:0.48rem;border-radius: 0 0.1rem 0.1rem 0;
  width:1.97rem;display: flex;flex-wrap:nowrap;align-items: center;justify-content: center;}
.coursebg{position:absolute;width: auto;top:5.25rem;left: 0.3rem;right: 0.3rem;}
.coursebg .box1 , .coursebg .box2{display: flex;flex-wrap: nowrap;font-size:0.36rem;color: #fff;}
.coursebg .box1{justify-content: space-between;font-family: PingFangSC-Bold, sans-serif;display: flex;align-items: center;}
.coursebg .box1 div:nth-child(1){font-size: 0.45rem;}
.coursebg .box1 .jiaocheng{width: 2.5rem;height: 0.6rem;font-size:0.36rem;background: rgba(255,255,255,0.2);
  border-radius: 0.3rem;display: flex;align-items: center;justify-content:flex-end;}
.coursebg .box2{margin-top: 0.32rem;display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;}
.box2 span{display: flex;align-items: center;}
.box2 img{width: 0.6rem ;display: inline-block;}
.box2 .line{display: inline-block;width:0.5rem;border-top: 1px solid #fff;}
/*首页头部end*/
.bodyBox{width: 100%;border-radius: 0.3rem 0.3rem 0 0;position: absolute;top:7.2rem;}
.bodyBox1{width: 100%;padding:0.3rem 0.3rem;border-radius:0.3rem 0.3rem 0 0;background: #fff;
  box-sizing: border-box;display: flex;flex-wrap: nowrap;justify-content:space-between;}
.bodyBox1 div img{width:1.33rem;height: 1.33rem;border-radius: 0.3rem;display: block;margin-bottom: 0.2rem}
.bodyBox1 div p{text-align: center;font-size:0.32rem;color: #333;}
/**/
.bodyBox2{width: 100%;margin: 0.29rem 0;background: #f9f9f9;box-sizing: border-box;padding:0 0.29rem;}
.bodyBox2Content{background: #fff;width: 100%;height: 4rem;border-radius: 0.3rem;}
.activitybg{width:3.6rem;height:0.69rem;display: block;margin: 0 auto;}
.activityBox{width: 100%;padding:0.26rem 0.21rem;display: flex;flex-wrap: nowrap;justify-content: space-between;box-sizing: border-box;}
.activityBox .activityItem{width:2.13rem;height:2.66rem;position: relative;}
.activityBox .activityItem img{width:2.13rem;height:2.66rem;}
.activityBox .activityItem .activityBtn{position:absolute;bottom:0.2rem;right: 5%;text-align:center;width:90%;font-size:0.36rem;color:#ff0000;
  background: #ffea37;border-radius: 0.4rem;height:0.66rem;line-height: 0.66rem;}
.headertopStyle{position: fixed;top:89px;width: 10rem;background: #fff !important;z-index: 999;}
/*轮播图*/
.swipe {overflow: hidden;visibility: hidden;position: relative;box-sizing: border-box;font-size: 0;margin-bottom: 0.2rem;}
.swipe-wrap {overflow: hidden;position: relative;}
.swipe-wrap .swipe-box {float: left;width: 100%;height: 100px;position: relative;}
.swipe-wrap .swipe-box img {width: 100%;height: 100%;border-radius: 10px;object-fit: fill;}
/*轮播图end*/
nav {box-sizing: border-box;overflow: hidden;width: 100%;padding: 5px 0px 5px 15px;;background: #ffffff;border-bottom: 0.52px solid #ededed}
.nav-wrapper {width:100%;display: flex;align-items:  flex-end;justify-content: space-between;background: #fff;}
.nav-menu {width: 100%;overflow: auto;}
/* 隐藏滚动条 */
.nav-wrapper .nav-menu::-webkit-scrollbar {display: none;}
.nav-menu ul {display: flex;display: -webkit-flex;padding: 0;}
.nav-menu li {width: auto;flex: none;font-size: 14px;padding-right:15px;background: #fff !important}
.active {color: #ff4c41;box-sizing: border-box;}
.active::after {content: "";display: block;margin: 2px auto 0 auto;width:28px;height: 2px;background: #ff4c41;box-sizing: border-box;}
.nav-wrap-img {flex: none;height: 0.88rem;width: 0.88rem;padding-bottom: 0.05rem}

/*横向商品列表*/
.goodsListbox{width: 100%;height: auto;padding:0.2rem 0.26rem;box-sizing: border-box;}
.goodsListItem{width: 100%;background: #fff;margin-bottom: 0.2rem;height:3.86rem;box-sizing: border-box;
  padding: 0.26rem;border-radius: 0.3rem;display: flex;flex-wrap: nowrap;justify-content: flex-start;}
.goodsListItemleft{width:3.33rem;height: 3.33rem;margin-right: 0.1rem;position: relative;}
.goodsListItemleft img:nth-child(1){width:3.33rem;height: 3.33rem;border-radius: 0.1rem;min-width: 3.33rem;}
.iconbiaoqian{position: absolute;width:1.44rem;height:0.68rem;top:0.1rem;left:-0.12rem;}
.goodsListItemright{width: 100%;padding:0.13rem 0.1rem;box-sizing: border-box;position: relative;}
.goodsListItemright .goodsTitle{line-height: 0.48rem;font-size: 0.4rem;overflow: hidden;text-overflow: ellipsis;
  display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding: 0px;margin: 0px;height: 0.96rem;}
.goodsTitleIcon{width: 0.4rem;;height:0.4rem;vertical-align: middle;display: inline-block;margin-bottom:0.05rem;}
.goodsListItemright .shopName{font-size:0.3rem;padding: 0.12rem 0;overflow: hidden;text-overflow: ellipsis;
  display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.goodsListItemright .discountbox{font-size:0.3rem;color: #fff;margin:0.12rem 0;display: flex;flex-wrap: nowrap;}
.goodsListItemright .discountbox span:nth-child(1){height: 0.48rem;color:#999;margin-right: 0.12rem;display: none;}
.goodsListItemright .discountbox span:nth-child(2){height: 0.48rem;padding:0 0.25rem;
  background-image: url(../image/goods/quanbg.png);border-radius:0.1rem;display: flex;align-items: center;
  margin-right: 0.15rem;background-size: 100% 100%;color: #fff;}
.goodsListItemright .discountbox span:nth-child(3){height: 0.48rem;color:#ff4d3A;border-radius:0.1rem;padding:0 0.25rem;
  display: flex;align-items: center;background:#ffe4e4;border:0.5px solid #ff4d3A;
  padding: 0 0.1rem;box-sizing: border-box;}
.goodsMsg{display: flex;flex-wrap: nowrap;justify-content: space-between;padding: 0.1rem 0;align-items:flex-end;}
.goodsPrice{color:#ff0000;font-size:0.32rem;}
.goodsPrice	span{color: #ff0000;font-size:0.51rem}
.volumeNum{color: #999;font-size:0.32rem;padding-bottom: 0.1rem;}
